import {
	ref,
	reactive,
	computed,
	watch
} from "vue";

import util from "@/utils/util";

// 静态公共配置
export function useConfig() {

	// 首页配置列表
	const navConfig = reactive([

		{
			// icon: util.getImageUrl("icon0.png"),
			// selectedIcon: util.getImageUrl("icon0-i.png"),
			name: "官网首页",
			path: "/home",
			paths: ['/home'],
			id: 0,
		},
		{
			name: "通知公告",
			path: "/announcement",
			paths: ['/announcement', '/announcement-details'],
			id: 1,
		},
		{
			name: "赛事新闻",
			path: "/news",
			paths: ['/news', '/news-details'],
			id: 2,
		},
		{
			name: "政策文件",
			path: "/policy",
			paths: ['/policy', '/policy-details'],
			id: 3,
		},
		{
			name: "获奖作品",
			path: "/prize",
			paths: ['/prize', '/prize-details'],
			id: 4,
		},
		{
			name: "赛项信息",
			path: "/game",
			paths: ['/game', '/game-details'],
			id: 5,
		},
	]);

	// 用户操作配置列表
	const userOperationsConfig = reactive([{
		name: "退出",
		id: 5,
	}, ]);

	return {
		navConfig,
		userOperationsConfig,
	};
}

// 表单公共配置
export function useForm() {}

//
export function useTabBar() {}